<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <meta charset="utf-8">
    <title>新闻</title>

    <!-- CSS -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/style.css" type="text/css" media="screen"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/social-icons.css" type="text/css"
          media="screen"/>
    <!--[if IE 8]>
    <link rel="stylesheet" type="text/css" media="screen" href="css/ie8-hacks.css"/>
    <![endif]-->
    <!-- ENDS CSS -->

    <!-- GOOGLE FONTS
    <link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>-->

    <!-- JS -->
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.5.1.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-ui-1.8.13.custom.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/easing.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.scrollTo-1.4.2-min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.cycle.all.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/custom.js"></script>

    <!-- Isotope -->
    <script src="${pageContext.request.contextPath}/js/jquery.isotope.min.js"></script>

    <!--[if IE]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!--[if IE 6]>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/DD_belatedPNG.js"></script>
    <script>
        /* EXAMPLE */
        //DD_belatedPNG.fix('*');
    </script>
    <![endif]-->
    <!-- ENDS JS -->


    <!-- Nivo slider -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/nivo-slider.css" type="text/css"
          media="screen"/>
    <script src="${pageContext.request.contextPath}/js/nivo-slider/jquery.nivo.slider.js"
            type="text/javascript"></script>
    <!-- ENDS Nivo slider -->

    <!-- tabs -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/tabs.css" type="text/css" media="screen"/>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/tabs.js"></script>
    <!-- ENDS tabs -->

    <!-- prettyPhoto -->
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/js/prettyPhoto/css/prettyPhoto.css" type="text/css"
          media="screen"/>
    <!-- ENDS prettyPhoto -->

    <!-- superfish -->
    <link rel="stylesheet" media="screen" href="${pageContext.request.contextPath}/css/superfish.css"/>
    <link rel="stylesheet" media="screen" href="${pageContext.request.contextPath}/css/superfish-left.css"/>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/js/superfish-1.4.8/js/hoverIntent.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/superfish-1.4.8/js/superfish.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/superfish-1.4.8/js/supersubs.js"></script>
    <!-- ENDS superfish -->

    <!-- poshytip -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/js/poshytip-1.0/src/tip-twitter/tip-twitter.css"
          type="text/css"/>
    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/js/poshytip-1.0/src/tip-yellowsimple/tip-yellowsimple.css"
          type="text/css"/>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/js/poshytip-1.0/src/jquery.poshytip.min.js"></script>
    <!-- ENDS poshytip -->

    <!-- Tweet -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/jquery.tweet.css" media="all" type="text/css"/>
    <script src="${pageContext.request.contextPath}/js/tweet/jquery.tweet.js" type="text/javascript"></script>
    <!-- ENDS Tweet -->

    <!-- Fancybox -->
    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/js/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.css"
          type="text/css" media="screen"/>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/js/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
    <!-- ENDS Fancybox -->


</head>

<body class="home">

<!-- HEADER -->
<div id="header">
    <!-- wrapper-header -->
    <div class="wrapper">
        <a href="${pageContext.request.contextPath}/news/index"><img id="logo"
                                                                     src="${pageContext.request.contextPath}/img/logo.png"
                                                                     alt="News"/></a>
        <%--<!-- search -->
        <div class="top-search">
            <form  method="get" id="searchform" action="#">
                <div>
                    <input type="text" value="Search..." name="s" id="s" onFocus="defaultInput(this)" onBlur="clearInput(this)" />
                    <input type="submit" id="searchsubmit" value=" " />
                </div>
            </form>
        </div>--%>
        <!-- ENDS search -->
    </div>
    <!-- ENDS wrapper-header -->
</div>
<!-- ENDS HEADER -->


<!-- Menu -->
<div id="menu">


    <!-- ENDS menu-holder -->
    <div id="menu-holder">
        <!-- wrapper-menu -->
        <div class="wrapper">
            <!-- Navigation -->
            <ul id="nav" class="sf-menu">
                <li class="current-menu-item"><a href="${pageContext.request.contextPath}/news/index">Home<span
                        class="subheader">Welcome</span></a></li>
                <li><a href="${pageContext.request.contextPath}/news/category/1/10?id=2">society<span class="subheader">society news</span></a>
                </li>
                <li><a href="${pageContext.request.contextPath}/news/category/1/10?id=3">internation <span
                        class="subheader">information news</span></a></li>
                <li><a href="${pageContext.request.contextPath}/user/queryId">message<span
                        class="subheader">message</span></a>
                </li>
            </ul>
            <!-- Navigation -->
        </div>
        <!-- wrapper-menu -->
    </div>
    <!-- ENDS menu-holder -->
</div>
<!-- ENDS Menu -->

<!-- Slider -->
<div id="slider-block">
    <div id="slider-holder">
        <div id="slider">
            <img src="${pageContext.request.contextPath}/images/1.jpg" title="失去双臂的女孩：我不会放弃爱美的权力" alt=""/>
            <img src="${pageContext.request.contextPath}/images/2.jpg" title="小伙娶亲被假新娘扑到真新娘藏衣柜" alt=""/>
        </div>
    </div>
</div>
<!-- ENDS Slider -->
</br>
</br>
</br>
</br>
</br>
</br>
<!-- MAIN -->
<div id="main">
    <!-- wrapper-main -->
    <div class="wrapper">


        <!-- content -->
        <div id="content">

            <!-- TABS -->
            <!-- the tabs -->
            <ul class="tabs">
                <li><a href="#"><span>热点</span></a></li>
                <li><a href="#"><span>社会</span></a></li>
                <li><a href="#"><span>国际</span></a></li>
            </ul>

            <!-- tab "panes" -->
            <div class="panes">

                <!-- Posts -->
                <div>
                    <ul class="blocks-thumbs thumbs-rollover">

                        <c:forEach var="list" items="${list}">
                            <c:if test="${list.categoryId=='3'}">
                                <li>
                                    <a href="${pageContext.request.contextPath}/record/insert?link=${list.id}"
                                       class="thumb" title="An image"><img src="${list.photo}" alt="Post"/></a>
                                    <div class="excerpt">
                                        <a href="${pageContext.request.contextPath}/record/insert?link=${list.id}"
                                           class="header">${list.title}</a>
                                    </div>
                                    <a href="${pageContext.request.contextPath}/record/insert?link=${list.id}"
                                       class="link-button"><span>Read more &#8594;</span></a>
                                </li>
                            </c:if>
                        </c:forEach>
                    </ul>
                </div>
                <div>
                    <ul class="blocks-thumbs thumbs-rollover">

                        <c:forEach var="list" items="${list}">
                            <c:if test="${list.categoryId=='1'}">
                                <li>
                                    <a href="${pageContext.request.contextPath}/record/insert?link=${list.id}"
                                       class="thumb" title="An image"><img src="${list.photo}" alt="Post"/></a>
                                    <div class="excerpt">
                                        <a href="${pageContext.request.contextPath}/record/insert?link=${list.id}"
                                           class="header">${list.title}</a>
                                    </div>
                                    <a href="${pageContext.request.contextPath}/record/insert?link=${list.id}"
                                       class="link-button"><span>Read more &#8594;</span></a>
                                </li>
                            </c:if>
                        </c:forEach>
                    </ul>
                </div>
                <div>
                    <ul class="blocks-thumbs thumbs-rollover">

                        <c:forEach var="list" items="${list}">
                            <c:if test="${list.categoryId=='2'}">
                                <li>
                                    <a href="${pageContext.request.contextPath}/record/insert?link=${list.id}"
                                       class="thumb" title="An image"><img src="${list.photo}" alt="Post"/></a>
                                    <div class="excerpt">
                                        <a href="${pageContext.request.contextPath}/record/insert?link=${list.id}"
                                           class="header">${list.title}</a>
                                    </div>
                                    <a href="${pageContext.request.contextPath}/record/insert?link=${list.id}"
                                       class="link-button"><span>Read more &#8594;</span></a>
                                </li>
                            </c:if>
                        </c:forEach>
                    </ul>
                </div>

            </div>
            <!-- ENDS content -->
        </div>
        <!-- ENDS wrapper-main -->
    </div>
    <!-- ENDS MAIN -->

    <!-- Twitter -->

    <!-- ENDS Twitter -->


    <!-- FOOTER -->
    <div id="footer">
        <!-- wrapper-footer -->
        <div class="wrapper">
            <!-- footer-cols -->
            <ul id="footer-cols">
                <li class="col">
                    <h6>页面</h6>

                    <ul>
                        <li class="page_item"><a href="${pageContext.request.contextPath}/news/index">Home</a></li>
                        <li class="page_item"><a href="${pageContext.request.contextPath}/news/category/1/10?id=2">society</a>
                        </li>
                        <li class="page_item"><a href="${pageContext.request.contextPath}/news/category/1/10?id=3">internation</a>
                        </li>
                        <li class="page_item"><a href="${pageContext.request.contextPath}/user//queryId">message</a>
                        </li>
                    </ul>

                </li>

                <li class="col">
                    <h6>类别</h6>
                    <ul>
                        <li><a href="${pageContext.request.contextPath}/news/category/1/10?id=2">社会</a></li>
                        <li><a href="${pageContext.request.contextPath}/news/category/1/10?id=3">国际</a></li>
                        <li><a href="${pageContext.request.contextPath}/user//queryId">个人信息</a></li>
                    </ul>
                </li>
                <li class="col">
                    <h6>关于这个系统</h6>
                    新闻推荐系统。
                </li>

            </ul>
            <!-- ENDS footer-cols -->
        </div>
        <!-- ENDS wrapper-footer -->
    </div>
    <!-- ENDS FOOTER -->


    <!-- Bottom -->
    <div id="bottom">
        <!-- wrapper-bottom -->
        <div class="wrapper">
            <div id="bottom-text">2018. <a href="http://www.cssmoban.com/">张振</a></div>
            <!-- Social -->

            <!-- ENDS Social -->
            <div id="to-top" class="poshytip" title="To top"></div>
        </div>
        <!-- ENDS wrapper-bottom -->
    </div>
    <!-- ENDS Bottom -->
</div>
</body>
<script type="text/javascript">
</script>
</html>